<section id="bottom" class="">   
</section>
<footer id="footer">
    <div class="row">
        <div class="container">
            <div class="gap"></div>
            <div class="container footerGap">
                <div class="fluid">
                    <div class="gap"></div>
                    <div class="span3 mopo">
                        <ul class="list-unstyled">
                            <li><a href="<?php echo SITE_URL; ?>about-1">About</a></li>                           
                            <li><a href="http://blog.skillhippo.com" />Blog</a></li>
                            <li><a href="javascript:void(0);">Careers</a></li>
                            <li><a href="<?php echo SITE_URL; ?>contact'">Contact</a></li>
                            <li><a href="<?php echo SITE_URL; ?>community-7">Community</a></li>
                        </ul>    
                    </div>
                    <div class="span3">
                        <ul class="list-unstyled">
                            <li><a href="<?php echo SITE_URL; ?>terms-conditions-2/">Terms and Conditions</a></li>
                            <li><a href="<?php echo SITE_URL; ?>privacy-policy-3/">Privacy Policy</a></li>
                            <li><?php echo CHtml::link('FAQ', SITE_URL.'faq'); ?></li>
                            <li><?php echo CHtml::link('Team', SITE_URL.'team'); ?></li>
                        </ul>    
                    </div>
                    <div class="span3 spanfooter">
                        <ul class="list-unstyled">                            
                            <li><a href="<?php echo SITE_URL; ?>skill-exclusives">Skillhippo Exclusives</a></li>
                            <li><a href="<?php echo SITE_URL; ?>teach">Become an Instructor</a></li>
                            <li><a href="<?php echo SITE_URL; ?>skill-workshop">WorkShops</a></li>
                            <li><a href="<?php echo SITE_URL; ?>skill-course">Courses</a></li>

                        </ul>    
                    </div>
                </div>
            </div>           
            <hr>
            <div class="copyright text-center">
                <p>Copyright <span class="glyphicon glyphicon-copyright-mark"></span> 2014 <a href="<?php echo SITE_URL; ?>">Skillhippo.com</a> | All Rights Reserved</p>
            </div>
        </div>
    </div>
</footer>

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script>
$(document).ready(function(e){$("#socialMedia").on("click",function(){$("#social-panel").slideToggle("slow",function(){})})})</script>
<style>#social-panel .empty-wrap { margin-top: 47px !important;position: absolute;z-index: 10000;}
    #social-panel .container {max-width: 997px; margin: 0 auto; }
    #social-panel hr { border-top: 2px solid #e6e6e6; }#social-panel {

float: right;
display: none;
}</style>
</body>
</html>